$(function () {
   $('#link_reg').on('click', function () {
      $('.login-box').hide()
      $('.reg-box').show()
   })
   $('#link_login').on('click', function () {
      $('.login-box').show()
      $('.reg-box').hide()
   })
   var form = layui.form
   var layer = layui.layer;
   form.verify({
      pwd: [
         /^[\S]{6,12}$/
         , '密码必须6到12位，且不能出现空格'
      ],
      repwd: function (value) {
         var pwd = $('#password').val()
         if (value !== pwd) {
            return '两次密码不一致'
         }
      }
   })
   $('#form_reg').on('submit', function (e) {
      e.preventDefault()
      var data = {
         username: $('#username_reg').val(),
         password: $('#password').val()
      }
      $.post('/api/reguser', data, item => {
         if (item.status !== 0) {
            return layer.msg(item.message)
         }
         layer.msg('注册成功，请登录！')
         $('#link_login').click()
      })
   })
   $('#form_login').on('submit', function (e) {
      e.preventDefault()
      var data = {
         username: $('#username_login').val(),
         password: $('#password_login').val()
      }
       $.post('/api/login',data,res=>{
          if(res.status!==0){
            return layer.msg(res.message)
          }

          layer.msg('登录成功')
          localStorage.setItem('token',res.token)
          location.href='./index.html'
       })
    
   })
})
// window.onload = function () {
//    var link_reg = document.querySelector('#link_reg')
//    var login_box = document.querySelector('.login-box')
//    var reg_box = document.querySelector('.reg-box')
//    var link_login = document.querySelector('#link_login')
//    var pwd = document.querySelector('#password')
//    var form_reg=document.querySelector('#form_reg')
//    var username_reg=document.querySelector('#username_reg')
//    var password=document.querySelector('#password')
//    var form_login=document.querySelector('#form_login')
//    var username_login=document.querySelector('#username_login')
//    var password_login=document.querySelector('#password_login')
//    var link_login=document.querySelector('#link_login')

//    link_reg.addEventListener('click', function () {
//       console.log(111);
//       login_box.style.display = 'none'
//       reg_box.style.display = 'block'
//    })
//    link_login.addEventListener('click', function () {

//       login_box.style.display = 'block'
//       reg_box.style.display = 'none'
//    })
//    var form = layui.form
//    form.verify({
//       pwd: [
//          /^[\S]{6,12}$/
//          , '密码必须6到12位，且不能出现空格'
//       ],
//       repwd: function (value) {

//          if (value !== pwd.value) {
//             return '两次密码不一致'
//          }
//       }
//    })
//    form_reg.addEventListener('submit',function(e){
//       e.preventDefault()
//       var data = {
//          username: username_reg.value,
//          password: password.value
//       }
//       $.post('http://api-breakingnews-web.itheima.net/api/reguser', data, item => {
//          if (item.status !== 0) {
//             return layer.msg(item.message)
//          }
//          layer.msg('注册成功，请登录！')
//          link_login.click()
//       })
//    })
//    form_login.addEventListener('submit',function(e) {
//       e.preventDefault()
//       var data = {
//          username: username_login.value,
//          password:  password_login.value
//       }
//       $.post('http://api-breakingnews-web.itheima.net/api/login', data, res => {
//          if (res.status !== 0) {
//             return layer.msg(res.message)
//          }
//          layer.msg('登录成功')
//          localStorage.setItem('token', res.token)
//          location.href = './index.html'
//       })
//    })
// }